<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>朱芮田的个人网页</title>

    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/nav.css">
    <style>
        
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="w">
            <div class="n-l">
                <h1>个人网页</h1>
            </div>
            <div class="n-r">
                <ul>
                    <li><a href="./index.html" class="index">主页</a></li>
                    <li><a href="./skills.html">技能</a></li>
                    <li><a href="./more.html">更多</a></li>
                    <div class="animation"></div>
                </ul>
            </div>
        </div>
    </div>
    <!-- 左侧卡片 -->
    <div class="side-card">
        <div class="card-1">
            <img src="./微信图片_2025-11-06_214608_328.jpg" alt="">
            <h2 class="name">朱芮田</h2>
            <div>
                <p><a href="https://www.cidp.edu.cn/">防灾科技学院</a></p>
                <p>班级：250622</p>
                <p>学号：25062214</p>
            </div>
        </div>
        <div class="line"></div>
        <div class="card-2">
            <p>明天的你一定会感谢今天努力奋斗的自己</p>
        </div>
        <div class="card-3">
            <div class="font">
                <div class="text-0">我的梦想（在背面）</div>
            </div>
            <div class="back">
                <div class="text-1">世界和平</div>
            </div>
        </div>
        <div class="card-3">
            <div class="font">
                <div class="text-0">我最喜欢的小说</div>
            </div>
            <div class="back">
                <div class="text-1">三体</div>
            </div>
        </div>
        <div class="card-3">
            <div class="font">
                <div class="text-0">性格</div>
            </div>
            <div class="back">
                <div class="text-1">内向</div>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <div class="m-img">
            <div class="hello">
                <h3>Hello, welcome to my personal website</h3>
            </div>
        </div>
        <!-- 计划部分 -->
        <div class="box">
            <div class="box-1">
                <div class="title">计划</div>
                <div class="plan">
                    <div class="plan-1">
                        <h2>大一</h2>
                        <p>学习前端，准备ia，考四级，学py</p>
                    </div>
                    <div class="plan-2">
                        <h2>大二</h2>
                        <p>考ia，确定方向</p>
                    </div>
                    <div class="plan-3">
                        <h2>大三</h2>
                        <p>考ip，找实习</p>
                    </div>
                    <div class="plan-4">
                        <h2>大四</h2>
                        <p>暂无</p>
                    </div>
                </div>
            </div>
            <div class="box-2">
                <div class="title-1 title">自我介绍</div>
                <div class="content">
                    <p>现在就读于防灾科技学院网络工程专业。性格偏内向的我，更倾向在专注中沉淀自我，虽不善主动社交，但对技术领域抱有浓厚兴趣，目前以前端为核心学习方向，Python 则跟随学校课程同步夯实基础，希望在大学期间实现专业能力与个人视野的双重提升。</p>
                    <p>专业学习上，我聚焦前端核心技能的积累，同时重视 Python 基础的巩固和专业知识的学习。除了专业学习，英语四级考试和练字是我明确的提升目标。</p>
                    <p>关于未来发展路径，考研、考公或直接就业目前仍在探索阶段。大一学年，我计划结合专业学习和行业动态，多维度了解不同方向的适配性，在接触各类信息和少量实践中，逐步发掘自身兴趣与优势，明确适合自己的成长方向。</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>